page{
    height: 100%;
}
.container{
    padding-bottom:100rpx;
    height: 100%;
    box-sizing: border-box;
    scroll-view{
        height: 100%;
    }
}
.top-image {
    height: 410rpx;
    width: 100%;
    image{
        width: 100%;
        height: 100%;
        display: block;
    }
}

.tab{
    display: flex;
    margin:50rpx 0 ;
    padding:0 20rpx;
    justify-content: space-between;
    .tab-item{
        margin:0 10rpx;
        width: 320rpx;
        height: 180rpx;
        overflow: hidden;
        image{
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

.area{
    display: flex;
    height: 60rpx;
    margin:20rpx 0;
    padding:0 30rpx;
    .item{
        flex:1;
        height: 100%;
        box-shadow: 0 2px 4px rgba(0, 0, 0,0.2) ;
        border-radius: 30rpx;
        font-size:22rpx;
        display: flex;
        align-items: center;
        padding-left:30rpx;
        position: relative;
        &::after{
            position: absolute;
            right:30rpx;
            font-family: "iconfont";
            content:'\eb6d';
        }
    }
    .city{
        margin-left:30rpx;
        flex: 2;
    }
}

.list{
    margin-top:30rpx;
    padding:30rpx;
    background-color: #f8f8f8;
    .item{
        width: 100%;
        margin-bottom: 150rpx;
        position: relative;
        border-radius: 20rpx;
        image{
            width: 100%;
            height: 377rpx;
            border-radius: 20rpx;
        }
        .item-foot{
            position: absolute;
            left:0;
            right:0;
            bottom:-100rpx;
            width: 90%;
            background-color: #fff;
            height: 170rpx;
            margin:0 auto;
            box-shadow: 0 2px 4px rgba(0, 0, 0,0.2);
            border-radius: 10rpx;
            padding:20rpx 30rpx;
            box-sizing: border-box;
            .span{
                padding-left:40rpx;
                line-height: 40rpx;
                color:#666;
            }
            .name{
                font-size:28rpx;
                line-height: 48rpx;
                font-weight: bold;
                position: relative;
                color:#000;
                .iconfont{
                    position: absolute;
                    left:0rpx;
                    color:#c80212;
                }
            }
            .address{
                font-size:22rpx;
            }
            .tel{
                font-size:22rpx;
            }
        }
    }
}